<template>
<a-config-provider :locale="locale">
  <div id="app">
    <Header></Header>
    <div id="application">
       <router-view />
    </div>
     
    
  </div>
</a-config-provider>
</template>


<script>
import Header from './components/Header.vue'
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
import {ConfigProvider} from 'ant-design-vue'
export default {
 data() {
      return {
        locale: zhCN,
      };
    },
  components:{
    Header,
    'a-config-provider':ConfigProvider
  },
};
</script>



<style lang="less">
html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
}

#app {
  font-family: 宋体, Arial, 微软雅黑;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2f2f2f;
}
#nav {
  padding: 30px;
  a {
    font-weight: bold;
    color: #2c3e50;
    &.router-link-exact-active {
      color: #42b983;
    }
  }
}
ul {
  list-style: none;
  margin: 0 ;
  padding: 0 ;
}
@media screen and(max-width:420px) {
  #app {
    width: 100%;
    height: 100%;
    //  overflow: hidden;
  }
  #application{
    width: 100%;
    height: 100%
  }
}
@media screen and(min-width:420px) {
  #app {
    width: 100%;
    height: 100%;
    }
  #application {
    width: 1100px;
    margin: 0 auto;
    height: 95%;
  }
}
</style>
